<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>综合案例-ATM存取款机</title>
</head>

<body>
  <script>
    // 综合案例 - ATM存取款机
    // 提前声明金额变量 money
    let money = 200
    // 使用无限循环
    for (let i = 0; i >= 0; i++) {
      let num = +prompt(`
    请选择您的操作:
    1.取款
    2.存款
    3.查看余额
    4.退出 
    `)
      // 小心数据类型
      if (num === 1) {
        // 定义取款
        let out_money = +prompt(`请输入你需要取款的金额：`)
        money = money - out_money
        alert(`恭喜你取款成功，剩余金额：${money} 元`)

      } else if (num === 2) {
        // 定义存款
        let in_money = +prompt('请输入你需要存入的金额')
        money = money + in_money
        alert(`恭喜你存款成功，剩余金额${money}`)

      } else if (num === 3) {
        alert(`你还剩余额：${money}`)
      } else if (num === 4) {
        document.write(`月薪过万${money}`)
        break
      }
    }
    // 1.提示输入框写到循环里面（无限循环）
    // 2.用户输入4则退出循环 break   一定要小心数据类型



  </script>
</body>

</html>